<template>
    <view class="header">
        <Search class="search" cancelButton="none" :radius="100" placeholder="搜索城市或景点" @confirm="search" />
        <navigator class="right" url="/pages/citys/Citys" open-type="switchTab" hover-class="other-navigator-hover">
            <view>
                <image class="img" src="../../../static/images/Sun.png" mode="aspectFit"></image>
                <text class="text">杭州</text>
            </view>
        </navigator>
        
        
    </view>
</template>

<script>
    import Search from '@/components/uni-search-bar/uni-search-bar.vue'
    export default {
        components:{
            Search
        }
    }
</script>

<style>
    .header{
        display: flex;
    }
    .search{
        flex: 1;
    }
    .right{
        margin-top: 9px;
        float: left;
        height: 34px;
        width: 18%;
        text-align: center;
        line-height: 29px;
        background-color: #42AAFF;
        border-radius: 3rem;
    }
    .img{
        margin-right: 4px;
        width: 20px;
        height: 20px;
    }
    .text{
        font-size: 14px;
        color: #fff;
    }
    .navto{
        width: 30px;
    }
</style>
